<!DOCTYPE html>
<!--thymeleaf支持头-->
<html xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8" />
<title>Server Send Event Test</title>
<script language="javascript" type="text/javascript" th:src="@{/static/js/sse.js}">
</script>
<h2 th:text="${title}">Test</h2>
<body>
<div id="support" style="display: block;">
  <div style="float: left;">
    <img th:src="@{/static/image/check.png}" width="36" height="36" align="absmiddle">
  </div>
  <div style="float: left; width: 600px; margin-left: 10px; position:relative; top: 8px;">
    This browser supports SSE.
  </div>
  <div class="clearfix"></div>
</div>
<div id="noSupport" style="display: none;">
  <div style="float: left;">
    <img th:src="@{/static/image/cross.png}" width="36" height="36" align="absmiddle">
  </div>
  <div style="float: left; width: 600px; margin-left: 10px;">
    <p>Uh-oh, the browser you're using doesn't have native support for SSE. That means you can't run this demo.</p>
  </div>
  <div class="clearfix"></div>
</div>
<div id="echo">
  <div id="echo-config" style="float: left;">
    <strong>Location:</strong><br>
    <input class="draw-border" id="sseUri" size="35">
    <br>
    <!-- <input class="draw-border echo-checkbox" type="checkbox" id="secureCb" onClick="toggleTls();"><br>
    <span id="secureCbLabel" style="font-size: smaller; color: black;">Use secure WebSocket (TLS)</span><br> -->
    <button id="connect">Connect</button>
    <button id="disconnect" disabled="">Disconnect</button>
    <br>
  </div>
  <div id="echo-log" style="float: left; margin-left: 20px; padding-left: 20px; width: 350px; border-left: solid 1px #cccccc;"> <strong>Log:</strong>
    <div id="consoleLog" style="overflow-y: scroll;width: 100%;height: 172px;border: solid 1px #999999;"></div>
    <button id="clearLogBut" style="position: relative; top: 3px;">Clear log</button>
  </div>
</div>
</body>
</html>
